<section>
    <style>
        select{
            min-width: 80px;
        }
        .layui-layer-title{
            display: none;
        }

        .show0{
            background: #e66262;
            border-color: #e66262;
        }
        .show1{
            background: #2dafe0;
            border-color: #2dafe0;;
        }
        #wrapper{
            background-color: #fff;
        }
        .layui-layer-content{
            background-color: #393D49;
            color: #fff;
        }
        .tabs1 img{
            width: 80px;
           height: 80px;
        }
        .tabs-container .nav-tabs>li.active>a, .tabs-container .nav-tabs>li.active>a:focus, .tabs-container .nav-tabs>li.active>a:hover{
            background-color: #1ab394;
            color: #fff;
        }
        .tabs-container .nav-tabs{
            border-bottom: 1px solid #1ab394;
        }
        .nav-tabs>li>a{
            color: #000;
        }
        #jokes img{
            width: 80px;
        height: auto;
        }
        #motion img{
            width: 80px;
            height: auto;
        }

    </style>
    <div class="row">
        <div class="col-sm-6">
            <div class="tabs-container">
                <ul class="nav nav-tabs">
                    <li class="{{item.selected?'active':''}}" ng-repeat="item in tabs track by $index">
                        <a  data-toggle="tab"  ng-click="changeTab($index)" ng-bind="item.text"> </a>
                    </li>

                </ul>
                <div class="tab-content">
                    <div class="tabs1" ng-show="tabs[0].selected" class="tab-pane active">
                        <div role="form" class="form-inline">
                            <div class="form-group">
                                <label for="exampleInputEmail2" >ID:</label>
                                <input type="text" placeholder="美图ID" id="img_id" class="form-control">
                            </div>
                            <div class="form-group">
                                <label for="exampleInputPassword2">所属分类:</label>
                                <select style="position: relative;top: 8px;" class="form-control m-b" id="img_type1"  name="account">
                                    <option value=""></option>
                                    <option value="{{im.val}}"  ng-repeat="im in optionsImg track by $index">{{im.label}}</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <div class="form-group">
                                    &nbsp;&nbsp;&nbsp;
                                    <label class="exampleInputPassword2">创建时间：</label>
                                    <input id="img_date1" ng-model="start" class="form-control layer-date" placeholder="开始时间"onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">
                                </div>
                                <div class="form-group">
                                    <input id="img_date2" ng-model="end" class="form-control layer-date" placeholder="结束时间"onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="exampleInputPassword2">&nbsp;&nbsp;&nbsp;&nbsp;状态:</label>
                                <select style="position: relative;top: 8px;" class="form-control m-b" name="account" id="img_status">
                                    <option value="">全部</option>
                                    <option value="0">有效</option>
                                    <option value="1">无效</option>
                                </select>
                                <button  class="btn btn-primary" style="position: relative;top: 0px;margin-left: 5px;"  style="position: relative;top: -8px;left: 20px;" ng-click="imgSelectAll()">查询</button>
                                <button  class="btn btn-primary"  style="position: relative;top: 0px;"  style="position: relative;top: -8px;left: 20px;" ng-click="addImg()">新增</button>
                            </div>
                        </div>
                        <!--分页-->
                        <div >
                            <!--<p id="pageIndex" style="font-size:20px;font-weight:bold;color:blue;margin-left:150px;"></p>-->
                            <ul class="pagination" id="imgPage"></ul>
                        </div>
                        <!--展示列表区域-->
                        <div class="ibox-content">
                            <table class="table table-bordered">
                                <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>美图</th>
                                    <th>所属分类</th>
                                    <th>创建时间</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr ng-repeat="ig in imgList track by $index">
                                    <td>{{ig.id}}</td>
                                    <td ng-click="showPs(ig.picUrl)"><img src="{{ig.picUrl}}" alt=""></td>
                                    <td>{{ig.categoryLabel}}</td>
                                    <td>{{ig.createTime}}</td>
                                    <td>
                                        <button  type="button" class="btn btn-primary btn-sm show{{ig.deleteStatus}}" ng-click="imgChange(ig.deleteStatus,ig.id,this)" >{{ig.deleteStatus==0?'有效':'无效'}}</button>
                                        <button type="button" class="btn btn-primary btn-sm" ng-click="imgUpdate(ig)">修改</button>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>

                    </div>
                    <div ng-show="tabs[1].selected" class="tab-pane active" id="motion">
                        <div role="form" class="form-inline">
                            <div class="form-group">
                                <label for="exampleInputEmail2" >ID:</label>
                                <input type="text" placeholder="表情ID" id="motion_id" class="form-control">
                            </div>
                            <div class="form-group">
                                <label for="exampleInputPassword2">所属分类:</label>
                                <select style="position: relative;top: 8px;" class="form-control m-b" id="motion_type1"  name="account">
                                    <option value=""></option>
                                    <option value="{{mo.val}}" ng-repeat="mo in optionsMotion track by $index">{{mo.label}}</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <div class="form-group">
                                    &nbsp;&nbsp;&nbsp;
                                    <label class="exampleInputPassword2">创建时间：</label>
                                    <input id="motion_date1" ng-model="start" class="form-control layer-date" placeholder="开始时间"onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">
                                </div>
                                <div class="form-group">
                                    <input id="motion_date2" ng-model="end" class="form-control layer-date" placeholder="结束时间"onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="exampleInputPassword2">&nbsp;&nbsp;&nbsp;&nbsp;状态:</label>
                                <select style="position: relative;top: 8px;" class="form-control m-b" name="account" id="motion_status">
                                    <option value="">全部</option>
                                    <option value="0">有效</option>
                                    <option value="1">无效</option>
                                </select>
                                <button class="btn btn-primary"  style="position: relative;top: 0px;left: 20px;" ng-click="motionSelectAll()">查询</button>
                                <button class="btn btn-primary"  style="position: relative;top: 0px;left: 20px;" ng-click="addMotion()">新增</button>
                            </div>
                        </div>
                        <!--分页-->
                        <div >
                            <ul class="pagination" id="motionPage"></ul>
                        </div>
                        <!--展示列表区域-->
                        <div class="ibox-content">
                            <table class="table table-bordered">
                                <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>图片</th>
                                    <th>所属分类</th>
                                    <th>创建时间</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr ng-repeat="mot in motionList track by $index">
                                    <td>{{mot.id}}</td>
                                    <td><img ng-click="showPs(mot.picUrl)" src="{{mot.picUrl}}" alt=""></td>
                                    <td>{{mot.categoryLabel}}</td>
                                    <td>{{mot.createTime}}</td>
                                    <td>
                                        <button  type="button" class="btn btn-primary btn-sm show{{mot.deleteStatus}}" ng-click="motionChange(mot.deleteStatus,mot.id,this)" >{{mot.deleteStatus ==0?'有效':'无效'}}</button>
                                        <button type="button" class="btn btn-primary btn-sm" ng-click="motionUpdate(mot)">修改</button>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>

                    </div>
                    <div ng-show="tabs[2].selected" class="tab-pane active">
                        <div role="form" class="form-inline">
                            <div class="form-group">
                                <label for="exampleInputEmail2" >ID:</label>
                                <input type="text" placeholder="音频ID" id="audio_id" class="form-control">
                            </div>
                            <div class="form-group">
                                &nbsp;&nbsp;&nbsp;
                                <label for="exampleInputPassword2">音频名称</label>
                                <input type="text" placeholder="音频名称" id="audio_title" class="form-control">
                            </div>
                            <div class="form-group">
                                <div class="form-group">
                                    &nbsp;&nbsp;&nbsp;
                                    <label class="exampleInputPassword2">创建时间：</label>
                                    <input id="audio_date1" ng-model="start" class="form-control layer-date" placeholder="开始时间"onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">
                                </div>
                                <div class="form-group">
                                    <input id="audio_date2" ng-model="end" class="form-control layer-date" placeholder="结束时间"onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="exampleInputPassword2">&nbsp;&nbsp;&nbsp;&nbsp;状态:</label>
                                <select style="position: relative;top: 8px;"  class="form-control m-b" name="account" id="audio_status">
                                    <option value="">全部</option>
                                    <option value="0">有效</option>
                                    <option value="1">无效</option>
                                </select>
                                <button class="btn btn-primary" style="position: relative;top: 0px;"  style="position: relative;top: -8px;left: 20px;" ng-click="audioSelectAll()">查询</button>
                                <button class="btn btn-primary"  style="position: relative;top: 0px;"  style="position: relative;top: -8px;left: 20px;" ng-click="addAudio()">新增</button>
                            </div>
                        </div>
                        <!--分页-->
                        <div >
                            <!--<p id="pageIndex" style="font-size:20px;font-weight:bold;color:blue;margin-left:150px;"></p>-->
                            <ul class="pagination" id="audioPage"></ul>
                        </div>
                        <!--展示列表区域-->
                        <div class="ibox-content">
                            <table class="table table-bordered">
                                <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>音频链接</th>
                                    <th>音频名称</th>
                                    <th>创建时间</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr ng-repeat="it in audioList track by $index">
                                    <td>{{it.id}}</td>
                                    <td>{{it.songUrl}}</td>
                                    <td>{{it.songName}}</td>
                                    <td>{{it.createTime}}</td>
                                    <td>
                                        <!--<button id="article_change" type="button" class="btn btn-primary btn-sm show{{i.status}}" ng-click="videoChange(i.status,i.videoId,this)" ng-bind="change(i.status)">有效</button>-->
                                        <button  type="button" class="btn btn-primary btn-sm show{{it.deleteStatus}}" ng-click="audioChange(it.deleteStatus,it.id,this)" >{{it.deleteStatus==0?'有效':'无效'}}</button>
                                        <button type="button" class="btn btn-primary btn-sm" ng-click="audioUpdate(it)">修改</button>
                                    </td>
                                </tr>

                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div ng-show="tabs[3].selected" class="tab-pane active">
                        <div role="form" class="form-inline">
                            <div class="form-group">
                                <label for="exampleInputEmail2" >ID:</label>
                                <input type="text" placeholder="故事ID" id="story_id" class="form-control">
                            </div>
                            <div class="form-group">
                                &nbsp;&nbsp;&nbsp;
                                <label for="exampleInputPassword2">故事名称</label>
                                <input type="text" placeholder="故事名称" id="story_title" class="form-control">
                            </div>
                            <div class="form-group">
                                <div class="form-group">
                                    &nbsp;&nbsp;&nbsp;
                                    <label class="exampleInputPassword2">创建时间：</label>
                                    <input id="story_date1" ng-model="start" class="form-control layer-date" placeholder="开始时间"onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">
                                </div>
                                <div class="form-group">
                                    <input id="story_date2" ng-model="end" class="form-control layer-date" placeholder="结束时间"onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="exampleInputPassword2">&nbsp;&nbsp;&nbsp;&nbsp;状态:</label>
                                <select class="form-control m-b" name="account" id="story_status">
                                    <option value="">全部</option>
                                    <option value="0">有效</option>
                                    <option value="1">无效</option>
                                </select>
                                <button class="btn btn-primary"  style="position: relative;top: -8px;left: 20px;" ng-click="storySelectAll()">查询</button>
                                <button class="btn btn-primary"  style="position: relative;top: -8px;left: 20px;" ng-click="addStory()">新增</button>
                            </div>
                        </div>
                        <!--分页-->
                        <div >
                            <!--<p id="pageIndex" style="font-size:20px;font-weight:bold;color:blue;margin-left:150px;"></p>-->
                            <ul class="pagination" id="storyPage"></ul>
                        </div>
                        <!--展示列表区域-->
                        <div class="ibox-content" >

                            <table class="table table-bordered">
                                <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>音频链接</th>
                                    <th>音频名称</th>
                                    <th>创建时间</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr ng-repeat = "st in storyList track by $index">
                                    <td>{{st.id}}</td>
                                    <td>{{st.storyId}}</td>
                                    <td>{{st.storyName}}</td>
                                    <td>{{st.createTime}}</td>
                                    <td>
                                        <button  type="button" class="btn btn-primary btn-sm show{{st.deleteStatus}}" ng-click="storyChange(st.deleteStatus,st.id,this)" >{{st.deleteStatus == 0?'有效':'无效'}}</button>
                                        <button type="button" class="btn btn-primary btn-sm" ng-click="storyUpdate(st)">修改</button>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div ng-show="tabs[4].selected" class="tab-pane active" id="game">
                        <div role="form" class="form-inline">
                            <div class="form-group">
                                <label for="exampleInputEmail2" >ID:</label>
                                <input type="text" placeholder="游戏ID" id="game_id" class="form-control">
                            </div>


                            <div class="form-group">
                                <label for="exampleInputPassword2">&nbsp;&nbsp;&nbsp;&nbsp;分类:</label>
                                <select style="position: relative;top: 8px;" class="form-control m-b" name="account" id="game_type">
                                    <option value="">全部</option>
                                    <option value="{{gap.val}}" ng-repeat="gap in optionsGame track by $index">{{gap.label}}</option>

                                </select>
                                <label for="exampleInputPassword2">&nbsp;&nbsp;&nbsp;&nbsp;状态:</label>
                                <select style="position: relative;top: 8px;" class="form-control m-b" name="account" id="game_status">
                                    <option value="">全部</option>
                                    <option value="0">有效</option>
                                    <option value="1">无效</option>
                                </select>
                                <button class="btn btn-primary"  style="position: relative;top: 0px;"  style="position: relative;top: -8px;left: 20px;" ng-click="gamesSelectAll()">查询</button>
                                <button class="btn btn-primary" style="position: relative;top: 0px;"  style="position: relative;top: -8px;left: 20px;" ng-click="addGame()">新增</button>
                            </div>
                        </div>
                        <!--分页-->
                        <div >
                            <ul class="pagination" id="gamesPage"></ul>
                        </div>
                        <!--展示列表区域-->
                        <div class="ibox-content">

                            <table class="table table-bordered">
                                <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>游戏链接</th>
                                    <th>分类</th>
                                    <th>创建时间</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr ng-repeat="ga in gamesList track by $index">
                                    <td>{{ga.id}}</td>
                                    <td>{{ga.gameUrl}}</td>
                                    <td>{{ga.categoryLabel}}</td>
                                    <td>{{ga.createTime}}</td>
                                    <td>
                                        <button  type="button" class="btn btn-primary btn-sm show{{ga.deleteStatus}}" ng-click="gamesChange(ga.deleteStatus,ga.id,this)" >{{ga.deleteStatus ==0?'有效':'无效 '}}</button>
                                        <button type="button" class="btn btn-primary btn-sm" ng-click="gamesUpdate(ga)">修改</button>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div ng-show="tabs[5].selected" class="tab-pane active" id="jokes">
                        <div role="form" class="form-inline">
                            <div class="form-group">
                                <label for="exampleInputEmail2" >ID:</label>
                                <input type="text" placeholder="段子ID" id="jokes_id" class="form-control">
                            </div>


                            <div class="form-group">
                                <label for="exampleInputPassword2">&nbsp;&nbsp;&nbsp;&nbsp;分类:</label>
                                <select style="position: relative;top: 8px;" class="form-control m-b" name="account" id="jokes_type">
                                    <option value="">全部</option>
                                    <!--<option value="0">文字</option>-->
                                    <!--<option value="1">图片</option>-->
                                    <option value="{{i.val}}" ng-repeat="i in options track by $index">{{i.label}}</option>
                                </select>
                                <label for="exampleInputPassword2">&nbsp;&nbsp;&nbsp;&nbsp;状态:</label>
                                <select style="position: relative;top: 8px;"  class="form-control m-b" name="account" id="jokes_status">
                                    <option value="">全部</option>
                                    <option value="0">有效</option>
                                    <option value="1">无效</option>
                                </select>
                                <button class="btn btn-primary"  style="position: relative;top: 0px;left: 20px;" ng-click="jokesSelectAll()">查询</button>
                                <button class="btn btn-primary"  style="position: relative;top: 0px;left: 20px;" ng-click="addJoke()">新增</button>
                            </div>
                        </div>
                        <!--分页-->
                        <div >
                            <ul class="pagination" id="jokesPage"></ul>
                        </div>
                        <!--展示列表区域-->
                        <div class="ibox-content">
                            <table class="table table-bordered" >
                                <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>内容</th>
                                    <th style="width: 120px;">图片</th>
                                    <th style="width: 80px;">分类</th>
                                    <th style="width: 130px;">操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr ng-repeat="i in jokesList track by $index">
                                    <td>{{i.id}}</td>
                                    <td>{{i.jokeContent}}</td>
                                    <td><img src="{{i.jokeUrl}}" alt=""></td>
                                    <td>{{i.categoryLabel}}</td>
                                    <td>
                                        <button  type="button" class="btn btn-primary btn-sm show{{i.deleteStatus}}" ng-click="jokeChange(i.deleteStatus,i.id,this)" >{{i.deleteStatus==0?'有效':'无效'}}</button>
                                        <button type="button" class="btn btn-primary btn-sm" ng-click="jokesUpdate(i)">修改</button>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div ng-show="tabs[6].selected" class="tab-pane active" id="ques">
                        <div role="form" class="form-inline">
                            <div class="form-group">
                                <label for="exampleInputEmail2" >ID:</label>
                                <input type="text" placeholder="题目ID"   id="ques_id" class="form-control">
                            </div>
                            <div class="form-group">
                                <div class="form-group">
                                    &nbsp;&nbsp;&nbsp;
                                    <label class="exampleInputPassword2">创建时间：</label>
                                    <input id="ques_date1"  class="form-control layer-date" placeholder="开始时间"onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">
                                </div>
                                <div class="form-group">
                                    <input id="ques_date2"  class="form-control layer-date" placeholder="结束时间"onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="exampleInputPassword2">&nbsp;&nbsp;&nbsp;&nbsp;状态:</label>
                                <select style="position: relative;top: 8px;" class="form-control m-b" name="account" id="ques_status">
                                    <option value="">全部</option>
                                    <option value="0">有效</option>
                                    <option value="1">无效</option>
                                </select>
                                <button class="btn btn-primary"  style="position: relative;top: 0px;left: 20px;" ng-click="quesSelectAll()">查询</button>
                                <button class="btn btn-primary"  style="position: relative;top: 0px;left: 20px;" ng-click="addQues()">新增</button>
                            </div>
                        </div>
                        <!--分页-->
                        <div >
                            <!--<p id="pageIndex" style="font-size:20px;font-weight:bold;color:blue;margin-left:150px;"></p>-->
                            <ul class="pagination" id="quesPage"></ul>
                        </div>
                        <!--展示列表区域-->
                        <div class="ibox-content">

                            <table class="table table-bordered">
                                <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>问题</th>
                                    <th style="width: 155px;">创建时间</th>
                                    <th style="width: 130px;">操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr ng-repeat="item in quesList track by $index">
                                    <td>{{item.id}}</td>
                                    <td>{{item.question}}</td>
                                    <td>{{item.createTime}}</td>
                                    <td>
                                        <button  type="button" class="btn btn-primary btn-sm show{{item.deleteStatus}}" ng-click="quesChange(item.deleteStatus,item.id,this)" >{{item.deleteStatus==0?'有效':'无效'}}</button>
                                        <button type="button" class="btn btn-primary btn-sm" ng-click="quesUpdate(item)">修改</button>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    </div>
</section>